﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="C7.LyricsWindow"
	x:Name="LyricsW"
	d:DesignWidth="1900" d:DesignHeight="880" FontFamily="/C7;Component/Resources/Fonts/#Zegoe UI Semi Bold - U" FontSize="24">
    <UserControl.Resources>
        <Storyboard x:Key="sbCloseGlow">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="lblClose" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="lblClose" Storyboard.TargetProperty="(FrameworkElement.Margin)">
                <SplineThicknessKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
            </ThicknessAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="sbrevCloseGlow">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="lblClose" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="lblClose" Storyboard.TargetProperty="(FrameworkElement.Margin)">
                <SplineThicknessKeyFrame KeyTime="00:00:00.3000000" Value="-35,0,0,0"/>
            </ThicknessAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
	<UserControl.Effect>
		<DropShadowEffect BlurRadius="51" ShadowDepth="0" Direction="307"/>
	</UserControl.Effect>
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="spClose">
            <BeginStoryboard Storyboard="{StaticResource sbCloseGlow}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="Mouse.MouseLeave" SourceName="spClose">
            <BeginStoryboard x:Name="sbrevCloseGlow_BeginStoryboard" Storyboard="{StaticResource sbrevCloseGlow}"/>
        </EventTrigger>
    </UserControl.Triggers>
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="0.038*"/>
            <RowDefinition Height="0.15*"/>
            <RowDefinition Height="0.721*"/>
            <RowDefinition Height="0.097*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.091*"/>
            <ColumnDefinition Width="0.9*"/>
            <ColumnDefinition Width="0.096*"/>
        </Grid.ColumnDefinitions>
        <StackPanel x:Name="spUpperControls" Margin="0,-32,0,0" VerticalAlignment="Top" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
            <StackPanel x:Name="spClose" HorizontalAlignment="Center" Orientation="Horizontal" d:LayoutOverrides="GridBox" >
                <Image x:Name="imgClose" HorizontalAlignment="Left" VerticalAlignment="Top" Source="/C7;Component/Resources/Graphics/Icons/close.png" Height="{Binding ActualHeight, ElementName=lblClose, Mode=Default}"/>
                <Label x:Name="lblClose" Content="Close" FontFamily="/C7;Component/Resources/Fonts/#Avian" Foreground="White" VerticalAlignment="Center" Opacity="0" Margin="-33,0,0,0" FontSize="12"/>
            </StackPanel>
        </StackPanel>
        <Rectangle x:Name="rectBaseGradiant" StrokeThickness="19" Grid.ColumnSpan="3" Grid.RowSpan="4">
            <Rectangle.Fill>
            	<LinearGradientBrush EndPoint="0.496,0.961" StartPoint="0.496,0.064">
            		<GradientStop Offset="0.992" Color="#FFD0D0D0"/>
            		<GradientStop Color="White"/>
            	</LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Grid x:Name="grdHeader" Margin="0,0,0,-0.001" Grid.Column="1" Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="0.4*"/>
                <RowDefinition Height="3*"/>
            </Grid.RowDefinitions>
            <Rectangle x:Name="rectHeader" HorizontalAlignment="Left" Width="{Binding ActualWidth, ElementName=tbTitle, Mode=Default}">
                <Rectangle.Fill>
                    <SolidColorBrush Color="{DynamicResource NeutralGrayColor}"/>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle x:Name="rectHeaderGradiant" HorizontalAlignment="Left" Width="{Binding ActualWidth, ElementName=tbTitle, Mode=Default}" OpacityMask="#85000000">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.044,0.616" StartPoint="0.968,0.51" MappingMode="RelativeToBoundingBox">
                        <GradientStop Color="Black"/>
                        <GradientStop Offset="1"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <TextBlock x:Name="tbTitle" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Row="1" FontFamily="/C7;Component/Resources/Fonts/#Zegoe Caps" FontSize="48" d:LayoutOverrides="HorizontalAlignment, GridBox" Text="{DynamicResource wLyricsHeader}"/>
        </Grid>
        <DockPanel x:Name="dpTinyStuff" Grid.ColumnSpan="3" Grid.RowSpan="4" LastChildFill="False" d:IsHidden="True">
            <Rectangle x:Name="rectTinyLeft" OpacityMask="#7F000000" Fill="{Binding Fill, ElementName=rectHeader, Mode=Default}" Width="1" DockPanel.Dock="Right"/>
            <Rectangle x:Name="rectTinyLower" Fill="{Binding Fill, ElementName=rectHeader, Mode=Default}" DockPanel.Dock="Bottom" OpacityMask="#7F000000" Height="1"/>
        </DockPanel>
        <Border Grid.Column="1" Grid.Row="2" Margin="8" BorderThickness="1">
        	<Border.Background>
        		<RadialGradientBrush RadiusX="0.27">
        			<GradientStop Color="#FFE4E4E4" Offset="1"/>
        			<GradientStop Color="White"/>
        		</RadialGradientBrush>
        	</Border.Background>
        	<Border.BorderBrush>
        		<SolidColorBrush Color="{DynamicResource NeutralGrayColor}"/>
        	</Border.BorderBrush>
        	<StackPanel x:Name="spContent">
        		<TextBlock x:Name="tbArtistSong" Text="Artist - Song" TextWrapping="Wrap" HorizontalAlignment="Center" FontWeight="Bold" Margin="0,0,0,21"/>
        		<ScrollViewer x:Name="svLyrics" HorizontalAlignment="Center" Template="{DynamicResource ScrollViewerControlTemplate1}">
        			<TextBlock x:Name="tbLyrics" TextWrapping="Wrap">
					When you were before
couldn't look you in the eye
you're just like an angel 
your skin makes me cry 

you float like a feather 
in a beautiful world 
I wish I was special 
you're so fucking special 

but I'm a creep, I'm a weirdo. 
what the hell am I doing here? 
I don't belong here. 

I don't care if it hurts 
I wanna have control 
I wanna perfect body 
I wanna perfect soul 

I want you to notice 
when I'm not around 
you're so fucking special 
I wish I was special 

But I'm a creep, I'm a weirdo. 
what the hell am I doing here? 
I don't belong here. 

She's running out again, 
she's running out 
she's run run run running out...running out... 

Whatever makes you happy 
whatever you want 
you're so fucking special 
I wish I was special... 

But I'm a creep, I'm a weirdo, 
what the hell am I doing here? 
I don't belong here. 
I don't belong here. 
</TextBlock>
        		</ScrollViewer>
        	</StackPanel>
        </Border>
    </Grid>
</UserControl>